<!--
 * @Description: 主页-系统骨架
 * @Hash: /
 * @Date: 2021-04-15 11:23:35 +0800
 * @Author: JackChou
 * @LastEditTime: 2021-04-16 14:48:42 +0800
 * @LastEditors: JackChou
-->
<template>
  <el-container>
    <el-aside width="150px">
      <Aside />
    </el-aside>
    <el-container>
      <el-header>Header</el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import { ref, reactive, watch, computed } from 'vue'
export default {
  name: 'Index',
  components: {},
  setup(props, { emit, attrs, slots }) {
    return {}
  },
}
</script>
<style lang="scss">
html,
body,
#app {
  height: 100%;
  width: 100%;
  background-color: beige;
  .el-container {
    height: 100%;
  }
  .el-aside {
    height: 100%;
    background-color: #fff;
  }
  .el-header {
    background-color: aquamarine;
  }
}
</style>
